<template>
  <div class="new-tab-bar">
    <div class="navBar">
      <new-tab-bar-content path="/news/All">
        <div class="title">全部</div>
      </new-tab-bar-content>
      <new-tab-bar-content path="/news/PolicyDynamic">
        <div class="title">政策动态</div>
      </new-tab-bar-content>
      <new-tab-bar-content path="/news/PolicyNews">
        <div class="title">政策新闻</div>
      </new-tab-bar-content>
      <new-tab-bar-content path="/news/LatestPolicy">
        <div class="title">最新政策</div>
      </new-tab-bar-content>
    </div>
  </div>
</template>

<script>
import NewTabBarContent from "./NewTabBarContent";
export default {
  name: "NewTabBar",
  components: {
    NewTabBarContent,
  },
};
</script>


<style lang="less" scoped>
.new-tab-bar {
  width: 100%;
  height: 56px;
  .navBar {
    width: 70%;
    height: 56px;
    margin: 0 auto;
    display: flex;
    .new-tab-bar-content {
      padding-right: 15px;
      padding-left: 15px;
      line-height: 56px;
    }
  }
}
</style>